<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="/layui-v2.5.5/layui/layui.js"></script>
<script src="/js/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="/layui-v2.5.5/layui/css/layui.css">
<style>
    .lan{
        width:50vw;
        margin-left: 10vw;
        margin-top: 5vh;
    }
</style>
<body>
<div style="border-radius: 20px;position: absolute;width:70vw;height: 50vh;left:50%;top:50%;margin-top:-25vh;margin-left:-35vw;box-shadow: 0 0 5px 0 rgba(0,0,0,0.5)">
    <form class="layui-form" action="" method="post">
        <div style="text-align: center;font-size: 20px;line-height: 5vh;">
            推荐注册
        </div>
        <div>
            <div class="layui-input-inline lan">
                <input type="text" name="name" required lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div>
            <div class="layui-input-inline lan">
                <input type="text" name="username" required lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div>
            <div class="layui-input-inline lan">
                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div style="text-align: center;margin-top: 5vh;">
            <button type="submit" class="layui-btn">注册</button>
        </div>
    </form>
</div>
</body>
</html>